import React, { Component } from 'react';
import Header from '../../../../components/Header/Header';
import '../../../../static/css/common.less';
import './changePassword.less'

export default class ChangePassword extends Component {
    render() {
        return (
            <div>
                <div className="detail-region">
                    <Header title="修改密码"></Header>
                    <section class="content">
                       <div className="margin-t40"></div>
                       <div className="sumbit-item">
                            <div class="submit-item-title">原密码：</div>
                            <input type="text" placeholder="请输入原密码"></input>
                       </div>
                       <div className="sumbit-item">
                            <div class="submit-item-title">新密码：</div>
                            <input type="text" placeholder="请输入新密码"></input>
                       </div>
                       <div className="sumbit-item">
                            <div class="submit-item-title">确认密码：</div>
                            <input type="text" placeholder="请再次输入新密码"></input>
                       </div>
                       <div className="forgot-password">忘记密码？</div>
                       <button className="submit-btn">保存</button>
                    </section>
                </div>
            </div>
        )
    }
}